layui.use(['table', 'jquery'], function () {
  var table = layui.table;
  let $ = layui.jquery;

  table.render({
    elem: '#menu',
    url: './getmenu',
    method: 'post',
    toolbar: '#toolbarDemo',
    title: '菜单数据表',
    cols: [
      [{
        type: 'checkbox',
        fixed: 'left'
      }, {
        field: 'm_id',
        title: 'ID',
        width: 80,
        fixed: 'left',
        unresize: true,
        sort: true
      }, {
        field: 'm_name',
        title: '菜单名称',
        width: 120,
        edit: 'text'
      }, {
        field: 'm_url',
        title: '菜单路径',
        width: 150,
        edit: 'text'
      }, {
        field: 'm_no',
        title: '菜单编号',
        width: 80,
        edit: 'text',
        sort: true
      }, {
        field: 'm_status',
        title: '菜单状态',
        width: 100,
        templet: '#switchTpl',
        unresize: true
      }, {
        field: 'm_parent',
        title: '父级菜单'
      }, {
        field: 'm_icon',
        title: '菜单图标',
        width: 200,
        sort: true,
        edit: 'text'
      }, {
        field: 'm_orderby',
        title: '菜单序号',
        width: 100,
        edit: 'text'
      },{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}]
    ],
    page: true
  });

  //头工具栏事件
  table.on('toolbar(menu)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
      case 'getCheckData':
        var data = checkStatus.data;
        layer.alert(JSON.stringify(data));
      break;
      case 'getCheckLength':
        var data = checkStatus.data;
        layer.msg('选中了：'+ data.length + ' 个');
      break;
      case 'isAll':
        layer.msg(checkStatus.isAll ? '全选': '未全选');
      break;
    };
  });
  

  //监听行工具事件
  table.on('tool(menu)', function (obj) {
    var data = obj.data;
    if (obj.event === 'del') {
      layer.confirm('真的删除行么', function (index) {
        // obj.del();
        // layer.close(index);
        //发送ajax obj.data.m_id  
        //data:: 当前点击的这条数据
       // console.log(data);
        $.ajax({
          url: 'http://127.0.0.1:8080/admin/deleteByMenuId',
          type: 'post',
          data: {
            mId: obj.data.m_id
          },
          dataType: 'json'
        }).then(function (res) {
          if (res.status == 1) {
            obj.del();
            layer.close(index);
          }
        })


      });
    } 
  });
  //单元格编辑
   table.on('edit(menu)', function(obj){
    var value = obj.value //得到修改后的值
    // ,data = obj.data //得到所在行所有键值
    // ,field = obj.field; //得到字段
    console.log(obj.data);
  
  
    $.ajax({
      url:'http://127.0.0.1:8080/admin/updateMenu',
      type:"post",
      dataType:'json',
      data:obj.data
    }).then(function(res){
      console.log(res);
        if(res.status==1){
          //请求成功
          layer.alert(res.msg, {
            skin: 'layui-layer-molv' //样式类名
            ,closeBtn: 0
          }); 
        }else{
          layer.alert(res.msg, {
            skin: 'layui-layer-lan'
            ,closeBtn: 0
            ,anim: 4 //动画类型
          });
        }
    })
  });

});